<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <!-- 兼容性设置 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面 -->
    <title>Bootstrap基本模版</title>

    <!-- Bootstrap -->
    <link href="./boots/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./boots/css/bootstrap-theme.min.css">
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="./boots/js/html5shiv.min.js"></script>
      <script src="./boots/js/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="./boots/css/my.css">
  </head>

  <body>
  <ul>
    <li>hhhh</li>
    <li>hhhh</li>
    <li>hhhh</li>
    <li>hhhh</li>
    <li>hhhh</li>
  </ul>

    <div class="container">
      <div class="row"><!-- 栅格行 -->
        <h1>我是h1</h1>
        <h2>我是h2</h2>
        <h3>我是h3</h3>
        <h4>我是h4</h4>
        <h5>我是h5</h5>
        <h6>我是h6</h6>

        <p class="h1">1</p>
        <p class="h2">2</p>
        <p class="h3">3</p>
        <p class="h4">4</p>
        <p class="h5">5</p>
        <p class="h6">6</p>
      </div>

      
    </div>



    <!-- 必须引入 jQuery -->
    <script src="./boots/js/jquery.min.js"></script>
    <!-- 此条必须写在JQ的后面引入-->
    <script src="./boots/js/bootstrap.min.js"></script>
  </body>
</html>